<template>
	<!--v-infinite-scroll="loadMore"-->
		<!--infinite-scroll-disabled="loading"-->
		<!--infinite-scroll-distance="65"-->
		
	<div class='ddCom-qy'
		
		>
		<!--<ul>
		  <li v-for="item in list">{{ item }}</li>
		</ul>-->
		<div>
			订单号 ： 2342345324
		</div>
		<div>
			订单状态：123424
		</div>
		<div>
			<mt-button plain type="primary" size="small" @click='changeDan'>更改订单</mt-button>
			<mt-button plain type="primary" size="small" @click='shangDan'>上报订单</mt-button>
			<mt-button plain type="primary" size="small" @click='sheetVisible = true'>更多功能</mt-button>
		</div>
		<div>
			<mt-navbar v-model="selected">
	  			<mt-tab-item id="1">物流</mt-tab-item>
	  			<mt-tab-item id="2">跟踪记录其他</mt-tab-item>
	  			<mt-tab-item id="3">其他</mt-tab-item>
			</mt-navbar>
			<mt-tab-container v-model="selected">
		  	<mt-tab-container-item id="1">
		    	<mt-cell v-for="(n,k) in 10" :title="'内容 ' + n" :key='k'/>
		  	</mt-tab-container-item>
		  	<mt-tab-container-item id="2">
		    	<mt-cell v-for="(n,k) in 4" :title="'测试 ' + n" :key='k'/>
		  	</mt-tab-container-item>
		  	<mt-tab-container-item id="3">
		    	<mt-cell v-for="(n,k) in 6" :title="'选项 ' + n" :key='k'/>
		  	</mt-tab-container-item>
		</mt-tab-container>
		</div>
		<div style="height: 55px;"></div>
		<mt-actionsheet
		  :actions="actions"
		  v-model="sheetVisible">
		</mt-actionsheet>
	</div>
</template>

<script>
	import { MessageBox } from 'mint-ui';
	export default {
		name:'ddCom',
		data(){
			return {
				topStatus: '',
				list:[],
				selected:'1',
				sheetVisible:false,
				actions:[{
					name:'手机拍照',
					method:()=>{
						
					}
				},{
					name:'更多功能',
					method:()=>{
						
					}
				}]
			}
		},
		created(){
			for(let i = 0;i < 40;i++){
				this.list.push(i);
			}
		},
		methods: {
	      	loadMore() {
			  this.loading = true;
			  setTimeout(() => {
				    let last = this.list[this.list.length - 1];
				    for (let i = 1; i <= 10; i++) {
				      this.list.push(last + i);
				    }
				    this.loading = false;
			  }, 2500);
			},
			changeDan(){
				MessageBox('提示', '操作成功');
			},
			shangDan(){
				MessageBox({
				  title: '提示',
				  message: '确定执行此操作?',
				  showCancelButton: true
				});
			}
	      
    	}
	}
</script>

<style>
</style>